const PlaceHolder = ({title, bgc='red'}) => {
  return (<div className="p-5 w-100"
    style={{
      fontSize: '400%',
      color: 'white',
      backgroundColor: bgc,
      border: '10px solid lightgray',
      height: 500,
      lineHeight: '400px',
      textAlign: 'center'
    }}
  >
    {title}
  </div>);
}

export default PlaceHolder;

export const titledPlaceHolder = (
  title, bgc, PH = PlaceHolder
) => () => <PH title={title} bgc={bgc}/>